<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<script src="${ctx}/js/controllers/property/feebill/payCarBill.js"
	type="text/javascript"></script>
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/jiaofei.css"
	type="text/css">
</head>
<body>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<div id="first">
		
		<div class="payment-info-box">
			<div class="payment">
				<table class="table-pay">
					<tr>
						<td>缴纳：</td>
						<td class="right-td" ><input class="input-text" id="months" type="text" onblur="checkMonths();" placeholder="月数"></td>
					</tr>
					<tr>
						<td>房屋：</td>
						<td class="right-td">
							<div class="btn-group">
								<select class="dropdown-menu" id="houseId"  style="width:300px;">
								<option value="" selected="selected" >--请选择房屋--</option> 
									<c:forEach items="${houses}" var="item" varStatus="cStatus">
										<option value="${item.id}"<c:if test="${houseId == item.id }">selected="selected" </c:if>>${item.fullName}</option>
									</c:forEach>
								</select>
								
							</div>
						</td>
					</tr>
					<tr>
						<td>车牌号：</td>
						<td class="right-td">
							<div class="btn-group">
								<select class="dropdown-menu" id="carBillId" style="width:300px;">
								<option value="" selected="selected" >--请选择车辆--</option> 
										<c:forEach items="${calBillList}" var="carBill" varStatus="cStatus">
											<option value="${carBill.id}"<c:if test="${carBillId == carBill.id }">selected="selected" </c:if>>${carBill.carNo}</option>
										</c:forEach>
								</select>
							</div>
						</td>
					</tr>
					
					<tr>
						<td>起始时间：</td>
						<td class="right-td" id="begainTime"></td>
					</tr>
					<tr>
						<td>停车费单价：</td>
						<td class="right-td" id="propertyBill"></td>
					</tr>
					<tr>
						<td></td>
						<td class="right-td" style="padding:0px"><span class="invoice" style="float:right;"><a href="#">发票须知</a></span></td>
					</tr>
					<tr>
						<td>抬头发票：</td>
						<td class="right-td"><input class="input-text" type="text"
							value=""></input></td>
					</tr>
					<tr>
						<td></td>
						<td class="right-td btn-right"><button class="submit" onclick="payCarBill()">确定</button>
							<span ><a href="#" class="payMoneyExplain" ><img src="${ctx }/images/wuye/wy5.png">&nbsp;缴费说明</a></span>
						</td>
					</tr>
				</table>
			</div>
			<div class="payment-info">
				<p>
					<img src="${ctx }/images/wuye/wy6.png">&nbsp;&nbsp;友情提示：&nbsp;&nbsp;如有需要相关票据，请于3个工作日之后一个月之内到我物业管理处领取。
				</p>
				<p><em style="color: #FCB890;margin-right: 5px;">*</em>感谢您对D生活的理解和支持！</p>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		/* function gotoCarManage() {
			parent.window.location.href = ctx + "/carBill/getCarManage";
		}
		function gotoCarBillRemind() {
			$('#first').load(ctx + "/carBill/carBillRemind");
		}
		function gotoCarBillRecords() {
			$('#first').load(ctx + "/carBill/getCarBillRecord"); 
		}*/
	</script>
</body>
</html>